{% extends "base_site.html" %}
{% load i18n %}
{% load properties %}

{% block extrastyle %}<link rel="stylesheet" type="text/css" href="{% settings_property 'CURRENT_THEME' %}form.css" />{% endblock %}

{% block bodyclass %}home{% endblock %}

{% block content %}
<h1>This is a content of the site</h1>
<p>Use this form below to apply for your CAIPS request; all fields are required.</p>
<div class="form_container">
	<form method="post" action="" class="caips_request">
		{% csrf_token %}
		{% if form.non_field_errors %}
		<p><span class="error">
		{{ form.non_field_errors|join:", " }}
		</span></p>
		{% endif %}
		<p>
			<label>Email <!--span class="required">(required)</span--></label>
			{{ form.email }}
			<label class="error">{{ form.email.errors|join:", " }}</label>
		</p>
		<p>
			<label>File Number <!--span class="required">(required)</span--></label>
			{{ form.file_no }}
			<label class="error">{{ form.file_no.errors|join:", " }}</label>
		</p>
		<p>
			<label>First Name <!--span class="required">(required)</span--></label>
			{{ form.first_name }}
			<label class="error">{{ form.first_name.errors|join:", " }}</label>
		</p>
		<p>
			<label>Last Name <!--span class="required">(required)</span--></label>
			{{ form.last_name }}
			<label class="error">{{ form.last_name.errors|join:", " }}</label>
		</p>
		<p>
			<label>Date of birth <span class="hint">(yyyy-mm-dd)</span>
			<!--span class="required">(required)</span--></label>
			{{ form.birthdate }}
			<label class="error">{{ form.birthdate.errors|join:", " }}</label>
		</p>
		<p>
			<label>Office Name <!--span class="required">(required)</span--></label>
			{{ form.office_name }}
			<label class="error">{{ form.office_name.errors|join:", " }}</label>
		</p>
		
		<!--p><input type="submit" value="Send" class="sendbutton"/></p-->
		<p><button type="submit" name="submit" id="submit">Send</button></p>
	</form>
</div>
{% endblock %}

